window.SearchSpringInit = function() {
var self = this;

if (self.context.collectionHandle && typeof self.context.collectionHandle == 'string') {
	// Set background filter
	if (self.context.collectionHandle != 'all') {
		self.context.backgroundFilters.collection_handle = self.context.collectionHandle;
	}

	// Handle collection tags (filters)
	if (self.context.tags && typeof self.context.tags == 'string') {
		var collectionTags = self.context.tags.toLowerCase().replace(/\&quot\;/g, '"').replace(/-/g, '').replace(/ +/g, '').split('|');
		self.context.backgroundFilters.ss_tags = collectionTags;
	}
}

// springboard generated variables
var modules = {};
modules.enabled = true;

// springboard generated variables for autocomplete/default
modules['autocomplete'] = {
	input: '.search-header__input',
	spellCorrection: false,
	language: 'en',
	action: '',
	autoPosition: false,
	limit: 6
};

this.importer.include('autocomplete2', modules.autocomplete);


this.on('afterSearch', function($scope) {
	angular.forEach($scope.facets, function(facet) {
		// Create different limits for different facet types
		// For palette and grid types, this makes sure boxes fill the last row
		var facetType = (facet.type == 'palette' || facet.type == 'grid') ? true : false;
		facet.limitCount = facetType ? 16 : 12;
	});
});


this.importer.include('infinite');


this.on('afterSearch', function($scope) {
	// Check if there is more than one page (for head title logic)
	$scope.pagination.multiplePages = true;
	if ($scope.pagination.totalResults <= $scope.pagination.perPage) {
		$scope.pagination.multiplePages = false;
	}

	// Set default image url
	$scope.results.defaultImage = '//cdn.searchspring.net/ajax_search/img/default_image.png';

	angular.forEach($scope.results, function(result) {
		// If no thumbnail image, set default image
		if (!result.thumbnailImageUrl) {
			result.thumbnailImageUrl = $scope.results.defaultImage;
		}

		// Pre-load images and check for loading errors
		var ssResultsImage = new Image();
		ssResultsImage.src = result.thumbnailImageUrl;

		// If image errors, load default image instead
		ssResultsImage.onerror = function() {
			result.thumbnailImageUrl = $scope.results.defaultImage;
			$scope.$evalAsync();
		}
		
		result.quickview = false;
		result.quickviewHtml = false;
	});
});

this.on('afterSearch', function ($scope) {
    // Create loop for rating stars
    angular.forEach($scope.results, function(result) {
        result.stars_array = [];
        // loop through 5 times (5 stars)
        for (var i = 1; i < 6; i++) {
            if (i <= result.rating) {
                result.stars_array.push('');
            } else {
                result.stars_array.push('-o');
            }
        }
    });
});

//In an afterSearch callback, set the swatch limit and define our swapImg function.
this.on('afterSearch', function($scope) {
    $scope.limit = 6;
});

// --- START CONTENT TAB LOGIC

// Create tabs object
var tabs = {
	default  : 'todos',
	location : '',
	current  : 'todos',
	previous : 'todos',
	values   : [
		{
			label        : 'Todos',
			name         : 'todos',
			siteid       : 'acdtnn',
			order        : 1,
			class        : 'ss-has-todos',
			beforeSearch : function(req) {
				// Delete previous bgfilters
				if (req && req['bgfilter.ss_type']) {
					delete req['bgfilter.ss_type'];
				}
			}
		},
		{
			label        : 'Productos',
			name         : 'productos',
			siteid       : 'acdtnn',
			order        : 2,
			class        : 'ss-has-productos',
			beforeSearch : function(req) {
				// Delete previous bgfilters
				if (req && req['bgfilter.ss_type']) {
					delete req['bgfilter.ss_type'];
				}

				req['bgfilter.ss_type'] = 'Producto';
			}
		},
		{
			label        : 'Proyectos',
			name         : 'proyectos',
			siteid       : 'acdtnn',
			order        : 3,
			class        : 'ss-has-proyectos',
			beforeSearch : function(req) {
				// Delete previous bgfilters
				if (req && req['bgfilter.ss_type']) {
					delete req['bgfilter.ss_type'];
				}

				req['bgfilter.ss_type'] = 'Proyecto';
			}
		}
	],
	getTab   : function(name) {
		var tab = this.values.filter(function(tab) { return tab.name == name; }).pop();
		return tab;
	}
};

this.on('afterBootstrap', function($scope) {
	// Update tab location and set tabs to scope
	tabs.location = $scope.location;
	$scope.tabs = tabs;

	// Update tab details when the tab is switched
	$scope.tabs.changeTab = function(name) {
		// Getting the tab with the name that's passed in
		var tab = tabs.getTab(name);

		// Check if there are tabs
		if (tab) {
			// Change search results tab information
			this.previous = this.current;
			this.current = name;

			if (this.current != this.previous) {
				// Reset location and remove filters if tabs have changes
				var resultsLocation = $scope.location().remove('results').remove('sort').remove('page').remove('filter');
				resultsLocation = (this.current != 'todos') ? resultsLocation.add('results', name) : resultsLocation;
				resultsLocation.go();

				// Reset search form and results
				swapTabClasses(name);
				updateSearchForms(name);
				$scope.results = [];
			}
		}
	};
});

this.on('afterBootstrap', function($scope) {
	self.on('beforeSearch', function(req, config) {
		if (config.moduleName == 'autocomplete2') {
			return;
		}

		// Set resultsTabName to tabs.default
		var resultsTabName = tabs.default;

		// Get location of the result set
		var resultSet = tabs.location().get('results');

		// If there is a hash, use it to change resultsTabName
		if (resultSet.length && resultSet[0][1] && (resultSet[0][1] != tabs.default)) {
			resultsTabName = resultSet[0][1];
		}

		// Update results and autocomplete current tab
		tabs.current = resultsTabName;

		// Get the tab with the name equal to resultsTabName
		var tab = tabs.getTab(resultsTabName);

		// If there's a tab, update details
		if (tab) {
			tab.beforeSearch(req);
			swapTabClasses(tab.name);
			updateSearchForms(tab.name);
		}
	});
});

// Update the form action depending on what tab is selected
function updateSearchForms(tabName) {
	// Change the action on the actual search form
	var searchInputs = angular.element(document.querySelectorAll('.search-header__input'));

	if (searchInputs && searchInputs.length) {
		for (var i = 0; i < searchInputs.length; i++) {
			var searchForm = angular.element(searchInputs[i].form);

			if (searchForm && searchForm.length) {
				var resultsParam = '#results:';
				var searchFormAction = (searchForm.attr('action').split(resultsParam)[0]) + (tabName != 'todos' ? '' : (resultsParam + tabName));
				searchForm.attr('action', searchFormAction);
			}
		}
	}
}

// Add classes for tabs
function swapTabClasses(tabName) {
	var bodySelector = angular.element(document.querySelectorAll('body')[0]);
	if (bodySelector && bodySelector.length) {
		var tabValues = tabs.values;
		for (var tab in tabValues) {
			var currentTab = tabValues[tab];
			if (currentTab.name == tabName) {
				bodySelector.addClass(currentTab.class);
			} else {
				bodySelector.removeClass(currentTab.class);
			}
		}
	}
}

// --- END CONTENT TAB LOGIC

this.on('afterSearch', function($scope) {
	// Add inline merchandising banners
	if ($scope.pagination.totalResults && $scope.merchandising.content.inline) {
		// Variables for banner positions beyond pagination index
		var tailBanners = [];
		var bannerBegin = $scope.pagination.begin - 1;
		var bannerEnd = $scope.pagination.end;

		$scope.merchandising.content.inline.sort(function(a, b) {
			return a.config.position.index - b.config.position.index;
		}).filter(function(banner) {
			var index = banner.config.position.index;

			if (index >= bannerBegin) {
				if (index <= bannerEnd - 1) {
					return true;
				} else {
					tailBanners.push(bannerToResult(banner));
				}
			}
		}).map(function(banner) {
			var adjustedIndex = $scope.infinite ? banner.config.position.index : (banner.config.position.index - bannerBegin);
			$scope.results.splice(adjustedIndex, 0, bannerToResult(banner));
		});

		var missingBegin = $scope.infinite ? 0 : bannerBegin;
		var totalResults = Math.min($scope.pagination.totalResults, bannerEnd);
		var missingResults = totalResults - (missingBegin + $scope.results.length);

		if (missingResults) {
			var sliceStart = ($scope.pagination.nextPage == 0) ? (tailBanners.length - missingResults) : 0;
			var missingBanners = tailBanners.slice(sliceStart, sliceStart + missingResults);
			angular.forEach(missingBanners, function(missingBanner) {
				$scope.results.push(missingBanner);
			});
		}
	}
});

function bannerToResult(banner) {
	return {
		uid            : 'ssib-' + banner.config.position.index,
		isInlineBanner : true,
		content        : banner.value
	}
}

// -- START -- DYNAMIC IMAGE LOGIC

var colorFilters = [];
var variantCache = {};

var swapVariants = function(result, variant) {
	result.thumbnailImageUrl = variant.image;
	if (variant.color) {
		// Update other variables
	}
	result.selectedVariant = variant;
};

this.on('afterBootstrap', function($scope) {
	$scope.swapVariants = swapVariants;
});

this.on('beforeSearch', function($req) {
	// Add selected colors to color filters array
	colorFilters = $req['filter.variant_mfield_global_color'];

	// If color filters is present, join and toLowerCase
	if (colorFilters) {
		colorFilters = colorFilters.join('|').toLowerCase().split('|');
	}
});

this.on('afterSearch', function($scope) {
	// Loop through results for colors
	angular.forEach($scope.results, function(result) {
		// Check if there are extra images available
		if (result.ss_swatches) {
			try {
				// Parse out the JSON for variant goodness
				if (!variantCache[result.id]) {
					variantCache[result.id] = JSON.parse(result.ss_swatches);
				}
				result.ss_swatches = angular.copy(variantCache[result.id]);
				
				if (result.ss_swatches.length) {
					var colorSearch;
					// Loop through the variants
					for (var i = 0; i < result.ss_swatches.length; i++) {
						var variant = result.ss_swatches[i];
						// Variant.weight = tally of matched terms
						variant.weight = 0;

						// Set the simple and group color through the variant object
						var simpleColor = variant.label ? variant.label.toLowerCase() : '';
						var groupColors;
						if (variant.family) {
							if (Array.isArray(variant.family)) {
								groupColors = variant.family.map(function(color) {
									return color.toLowerCase();
								});
							} else if (variant.family) {
								groupColors = [variant.family.toLowerCase()];
							}
						} else {
							groupColors = '';
						}

						// Check selected color filter matches
						angular.forEach(colorFilters, function(color, i) {
							var multiplier = (i + 1);

							// Check simple color and group color to see if there is a color match
							if ((simpleColor && simpleColor == color) || (simpleColor.indexOf(color) != -1)) {
								variant.weight += (10 * multiplier);
							} else if (groupColors.length) {
								angular.forEach(groupColors, function(groupColor) {
									if (groupColor == color || (groupColor.indexOf(color) != -1)) {
										variant.weight += (5 * multiplier);
									}
								});
							} 
						});
						
						// Check search terms also
						if ($scope.q) {
							var terms = $scope.q.toLowerCase().split(' ');
							var simpleColors = simpleColor.replace('/', ' ').split(' ');

							angular.forEach(terms, function(term, i) {
								var multiplier = (i + 1);

								angular.forEach(simpleColors, function(simpleColor) {
									if (term == simpleColor || (simpleColor.indexOf(term) != -1)) {
										variant.weight += (1 * multiplier);
										colorSearch = true;
									}
								});

								angular.forEach(groupColors, function(groupColor) {
									if (term == groupColor || (groupColor.indexOf(term) != -1)) {
										variant.weight += (1 * multiplier);
										colorSearch = true;
									}
								});
							});
						}
					}

					if (colorFilters || colorSearch) {
						// Find greatest weight in queried variants and select it!
						result.ss_swatches.sort(function(a, b) {
							return b.weight - a.weight;
						});
					}

					// Use the first element in array (highest weight)
					swapVariants(result, result.ss_swatches[0]);
				}
			} catch (error) {
				// nope
			}
		}
	});
});

// -- END -- DYNAMIC IMAGE LOGIC

this.on('afterBootstrap', function($scope) {
	$scope.quickview = $scope.quickview || {};

	// QuickView functionality for modal
	$scope.quickview.modal = {
		active  : false,
		create : function() {
			// Add QuickView modal div
			var qvID = 'searchspring-quickview-modal';
			var qvContainer = document.getElementById(qvID);

			if (!qvContainer && !$scope.moduleName) {
				angular.element(document.querySelector('body')).append('<div id="' + qvID + '"></div>');
			}
		},
		show   : function(ev, result) {
			ev.stopPropagation();

			if (!$scope.quickview.modal.active) {
				
				addJsonData(result);
				
				self.utils.ensure(function() {
					return result.quickview;
				}, function() {
					$scope.quickview.modal.active = true;
					$scope.quickview.result = result;
					$scope.$evalAsync();
				});
			} else {
				// Close modal and reset result data
				$scope.quickview.modal.active = false;
				$scope.quickview.result = {};
			}
		}
	}

	// Add QuickView modal
	$scope.quickview.modal.create();
});

// springboard generated variables for slideout/default
modules['slideout'] = {
	width: 767
};

this.importer.include('slideout', modules.slideout);


this.on('afterBootstrap', function($scope) {
	$scope.utilities = $scope.utilities || {};

	// Helper function to find ancestors / parents... e = element, c = class
	if ($scope.utilities) {
		$scope.utilities.findAncestor = function(e, c) {
			while (e) { if (e.className && e.className.indexOf(c) !== -1) { return e; } e = e.parentNode; } return null;
		};

		// Dropdown object with toggle functionality
		$scope.utilities.dropdown = {
			expandedClass : 'ss-expanded',
			dropdownClass : 'ss-dropdown-menu',
			removeClasses : function() {
				angular.element(document.querySelectorAll('.' + this.dropdownClass + '.' + this.expandedClass)).removeClass(this.expandedClass);
			},
			show : function(e) {
				e.stopPropagation();
				var dropdownMenu = angular.element($scope.utilities.findAncestor((e.target || e.srcElement), this.dropdownClass));
				if (dropdownMenu.hasClass(this.expandedClass)) {
					this.removeClasses();
				} else {
					this.removeClasses();
					dropdownMenu.addClass(this.expandedClass);
				}
			}
		};

		// Close elements if clicked outside
		angular.element(document).on('click', function() {
			$scope.utilities.dropdown.removeClasses();
		});
	}
});

// -- START -- FETCH JSON DATA
 
var jsonCache = {};

this.on('afterSearch', function($scope) {
	$scope.jsonCache = jsonCache;

/*
	angular.forEach($scope.results, function(result) {
		// Additional logic for products that do not need to fetch data
		
	});
*/

});

// -- END -- FETCH JSON DATA

	function addJsonData(result) {
		if (jsonCache[result.handle]) {
			// Update variables if json is available
			if (jsonCache[result.handle].quickview) {
				result.quickview = true;
				result.quickviewHtml = jsonCache[result.handle].quickview.replace(/ +/g, ' ');
			}
		} else if (!result.jsonLoading) {
			// Otherwise, fetch json if not in cache
			fetchJsonData(result);
		}
	}
 
	function fetchJsonData(result) {
		var getUrl = '/products/' + result.handle + '?view=quickview';
 
		// Set jsonLoading to true
		result.jsonLoading = true;
		
		angular.injector(['ng']).invoke(function($http) {
			$http({
				method : 'GET',
				url    : getUrl
			}).success(function(data) {
				// Set jsonLoading to false
				result.jsonLoading = false;

				// Add json data to scope
				if (typeof data == 'object') {
					// Add json data to scope
					angular.extend(jsonCache, data);
					addJsonData(result);
				} else {
					jsonCache[result.handle] = {}
					console.log('invalid json on product ', result.handle);
				}
				
				$scope.$evalAsync();
			}).error(function(err) {
				// No bueno :(
			});
		});
	}
};
SearchSpring.Catalog.templates.promises.receive.resolve('<!-- Stylesheet --><link rel="stylesheet" href="//cdn.searchspring.net/ajax_search/sites/acdtnn/css/acdtnn.css"><!-- AutoComplete --><script type="text/ss-template" name="AutoComplete" target="[ss-autocomplete]">	<div class="ss-ac-container ss-flex-wrap" ng-show="ac.visible" ng-class="{\'no-terms\': ac.terms.length == 0}">		<div class="ss-ac-terms" ng-show="ac.terms">			<div class="ss-list">				<div ng-repeat="term in ac.terms | limitTo:4" class="ss-list-option" ng-class="{\'ss-active\': term.active}">					<a ng-bind-html="term.label | trusted" ss-no-ps ss-nav-selectable ng-focus="term.preview()" href="{{ term.url }}" class="ss-list-link"></a>				</div>			</div>		</div>		<div class="ss-ac-facets" ng-show="ac.facets">			<div class="ss-ac-facets-row">				<div ng-repeat="facet in ac.facets | filter:{ type: \'!slider\' } | limitTo:3" ng-switch="facet.type" ng-if="facet.values.length" id="ss-ac-{{ facet.field }}" class="ss-ac-facet-container ss-ac-facet-container-{{ (facet.type && (facet.type != \'hierarchy\' || facet.type != \'slider\')) ? facet.type : \'list\' }}">					<h4 class="ss-title">{{ facet.label }}</h4>					<div ng-switch-when="grid" class="ss-grid ss-flex-wrap">						<div ng-repeat="value in facet.values | limitTo:6" class="ss-grid-option" ng-class="{\'ss-active\': value.active}">							<a href="{{ value.url }}" ss-no-ps ss-nav-selectable ng-focus="value.preview()" class="ss-grid-link">								<div class="ss-grid-block"></div>								<div class="ss-grid-label">{{ value.label }}</div>							</a>						</div>					</div>					<div ng-switch-when="palette" class="ss-palette ss-flex-wrap">						<div ng-repeat="value in facet.values | limitTo:6" class="ss-palette-option" ng-class="{\'ss-active\': value.active}">							<a href="{{ value.url }}" ss-no-ps ss-nav-selectable ng-focus="value.preview()" class="ss-palette-link" alt="{{ value.label }}">								<div class="ss-palette-block">									<div class="ss-palette-color ss-palette-color-{{ value.value | handleize }}" ng-style="{\'background-color\': (value.value | handleize)}"></div>								</div>								<div class="ss-palette-label">{{ value.label }}</div>							</a>						</div>					</div>					<div ng-switch-default class="ss-list">						<div ng-repeat="value in facet.values | limitTo:5" class="ss-list-option" ng-class="{\'ss-active\': value.active}">							<a href="{{ value.url }}" ss-no-ps ss-nav-selectable ng-focus="value.preview()" class="ss-list-link">								{{ value.label }}							</a>						</div>					</div>				</div>			</div>			<div ng-if="ac.merchandising.content.left.length > 0" id="ss-ac-merch-left" class="ss-ac-merchandising" ss-merchandising="ac.left"></div>		</div>		<div class="ss-ac-results">			<h4 class="ss-title ss-ac-results-title">Productos Sugeridos</h4>			<div ng-if="ac.results.length" class="ss-ac-item-container ss-flex-wrap">				<article class="ss-ac-item" ng-repeat="result in ac.results | limitTo:ac.pagination.perPage">					<div ng-if="result.isInlineBanner" class="ss-inline-banner" ng-bind-html="result.content | trusted"></div> 					<a ng-if="!result.isInlineBanner" ng-href="{{ result.url }}" ss-no-ps ss-nav-selectable>						<div class="ss-ac-item-image">							<div class="ss-image-wrapper" ng-style="{\'background-image\': \'url(\' + result.thumbnailImageUrl + \')\'}" alt="{{ result.name }}" title="{{ result.name }}"></div>						</div>						<div class="ss-ac-item-details">							<p class="ss-ac-item-name">{{ result.name | truncate:40:\'&hellip;\' }}</p>							<p class="ss-ac-item-name">{{ result.ss_subtitle }}</p>														<p ng-if="result.price !== \'0\'" class="ss-ac-item-price">								<span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="ss-ac-item-msrp">{{ result.msrp | currency }}</span>								<span class="ss-ac-item-regular" ng-class="{\'ss-ac-item-on-sale\': result.msrp && (result.msrp * 1) > (result.price * 1)}">{{ result.price | currency }}</span>							</p>						</div>					</a>				</article>			</div>			<div ng-if="!ac.results.length" class="ss-ac-no-results">				<p>No results found for "{{ ac.q }}". Please try another search.</p>			</div>			<div ng-if="ac.merchandising.content.footer.length > 0" id="ss-ac-merch-footer" class="ss-ac-merchandising" ss-merchandising="ac.footer"></div>			<div ng-if="ac.results.length" class="ss-ac-see-more">				<a href="{{ ac.location.remove(\'perpage\').url() }}" ng-click="ac.visible = false;" class="ss-ac-see-more-link ss-title" ss-nav-selectable>										Ver {{ ac.pagination.totalResults }} {{ ac.breadcrumbs.length > 1 ? \'filtered\' : \'\' }} resultado{{ ac.pagination.totalResults > 1 ? \'s\' : \'\' }} para "{{ ac.q }}"				</a>			</div>		</div>	</div></script><!-- SearchSpring Sidebar --><script type="text/ss-template" name="SearchSpring Sidebar" module="search" target="#searchspring-sidebar">	<div class="collection__header-content">		<div class="filters-toolbar-wrapper">			<div class="filters-toolbar">				<div ng-if="!slideout.triggered" class="boost-pfs-filter-tree boost-pfs-filter-tree-h">					<div ng-if="tabs.current !== \'proyectos\'" class="boost-pfs-filter-tree-content">						<div class="boost-pfs-filter-options-wrapper">							<div ng-if="facets.length === 0" class="ss-filter-messages"></div>							<div ng-if="facets.length" class="ss-facets"></div>						</div>						<div ng-if="filterSummary.length" class="ss-summary boost-pfs-filter-refine-by-wrapper"></div>					</div>				</div>				<div ng-if="slideout.triggered && tabs.current !== \'proyectos\'" class="boost-pfs-filter-tree-mobile-button ss-slideout-toolbar"></div>								<div id="searchspring-sort" ng-if="pagination.totalResults" class="filters-toolbar__item-child boost-pfs-filter-top-sorting"></div>			</div>		</div>	</div></script><!-- Filter Messages --><script type="text/ss-template" name="Filter Messages" target=".ss-filter-messages">	<p ng-if="pagination.totalResults === 0 && filterSummary.length === 0" class="ss-filter-message-content">		No se econtraron resultados para tu b&uacute;squeda.	</p>	<p ng-if="pagination.totalResults === 0 && filterSummary.length" class="ss-filter-message-content">		If you are not seeing any results, try removing some of your selected filters.	</p>	<p ng-if="pagination.totalResults && filterSummary.length === 0" class="ss-filter-message-content">		There are no filters to refine by.	</p></script><!-- Facets --><script type="text/ss-template" name="Facets" target=".ss-facets">	<div ng-repeat="facet in facets" ng-switch="facet.type" id="ss-{{ facet.field }}" class="ss-dropdown-menu ss-facet-container ss-facet-container-{{ facet.type ? facet.type : \'list\' }} boost-pfs-filter-option boost-pfs-filter-option-list boost-pfs-filter-option-color boost-pfs-filter-has-scrollbar boost-pfs-filter-option-column-1 boost-pfs-filter-option-collapsed" ng-class="{\'ss-expanded\': !facet.collapse, \'ss-collapsed\': facet.collapse}">		<div ng-click="utilities.dropdown.show($event)" class="boost-pfs-filter-option-title">			<button tabindex="0" class="boost-pfs-filter-button boost-pfs-filter-option-title-heading">				<span class="boost-pfs-filter-option-title-text">					{{ facet.label }}					<span class="boost-pfs-filter-option-title-count"></span>				</span>							</button>		</div>				<div class="boost-pfs-filter-option-content ss-facet-options">			<div ng-switch-default class="ss-list ss-scrollbar">				<div ng-repeat="value in facet.values" class="ss-list-option" ng-class="{\'ss-active\': value.active}">					<a href="{{ value.url }}" class="ss-list-link ss-checkbox" ng-class="{\'ss-checkbox-round\': facet.multiple == \'single\'}">						{{ value.label }} <span class="ss-facet-count">({{ value.count }})</span>					</a>				</div>			</div>		</div>	</div>	<div ng-if="merchandising.content.left.length > 0" id="ss-merch-left" class="ss-merchandising" ss-merchandising="left"></div></script><!-- Filter Summary --><script type="text/ss-template" name="Filter Summary" target=".ss-summary">	<div class="boost-pfs-filter-pc boost-pfs-filter-refine-by">		<span>Filtrar por</span>				<div class="ss-list ss-flex-wrap-center">			<div ng-repeat="filter in filterSummary" class="ss-list-option boost-pfs-filter-refine-by-items">				<div class="refine-by-item">					<a href="{{ filter.remove.url }}" class="ss-list-link">						<span class="ss-summary-value boost-pfs-filter-option-label refine-by-type">{{ filter.filterValue }}</span>						<button aria-label="Borrar" class="boost-pfs-filter-button boost-pfs-filter-clear"></button>					</a>				</div>			</div>			<div class="ss-list-option ss-summary-reset">				<a href="{{ location().remove(\'filter\').remove(\'rq\').url() }}" class="boost-pfs-filter-button boost-pfs-filter-clear-all ss-list-link">					Borrar todo				</a>			</div>		</div>	</div></script><!-- Infinite Button --><script type="text/ss-template" name="Infinite Button" target=".ss-infinite-container">	<div ng-if="!infinite.done && !infinite.loading" class="ss-infinite-loadmore">		<button ng-click="infinite.loadMore()" class="ss-infinite-loadmore-button ss-button ss-pointer" type="button">Load More</button>	</div>	<div ng-show="infinite.loading" class="ss-infinite-loading">		<div class="ss-infinite-loading-icon"></div>	</div></script><!-- Results & No Results --><script type="text/ss-template" name="Results &amp; No Results" module="search" target=".searchspring-content">	<div ng-if="pagination.totalResults" class="ss-results"></div>	<div ng-if="pagination.totalResults === 0" class="ss-no-results"></div>	</script><!-- Results --><script type="text/ss-template" name="Results" target=".ss-results">	<div ng-if="filterSummary.length && (slideout.triggered || facets.horizontal)" class="ss-summary ss-summary-horizontal"></div>	<div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div>	<div class="boost-pfs-filter-products grid--view-items ss-item-container" infinite></div>	<div ng-show="infinite.loading" class="ss-infinite-loading"></div>	<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div></script><!-- Results - Items --><script type="text/ss-template" name="Results - Items" target=".ss-results .ss-item-container">	<div ng-repeat="result in results track by result.uid" class="grid-view-item   product-card " ng-class="{\'template-proyecto\': result.ss_type == \'Proyecto\' }" data-id="{{ result.uid }}">		<div ng-if="result.isInlineBanner" class="ss-inline-banner" ng-bind-html="result.content | trusted"></div>		<a ng-if="!result.isInlineBanner" ng-href="{{ result.url }}" intellisuggest></a>				<a ng-if="!result.isInlineBanner" ng-href="{{ result.url }}" intellisuggest id="ProductCardImageWrapper-{{ result.uid }}" class="grid-view-item__image-wrapper js">			<img ng-if="tabs.current !== \'proyectos\'" src="//fantasiasmiguel.com/cdn/shop/t/124/assets/icon-tag-nuevo.svg" class="grid-view-item__tag" ng-class="{ \'hidden\': result.ss_new !== \'1\' }">						<img ng-if="tabs.current !== \'proyectos\'" src="//fantasiasmiguel.com/cdn/shop/t/124/assets/icon-tag-oferta.svg" class="grid-view-item__tag abc tag-oferta" ng-class="{ \'hidden\': !result.ss_on_sale }">			<div class="grid-view-item__image-container">				<img id="ProductCardImage-{{ result.uid }}" class="grid-view-item__image lazyloaded" ng-src="{{ result.thumbnailImageUrl }}" alt="{{ result.name }}" title="{{ result.name }}">			</div>		</a>		<noscript>			<img class="grid-view-item__image" ng-src="{{ result.thumbnailImageUrl }}" alt="{{ result.name }}" title="{{ result.name }}" style="max-width: 0px;">		</noscript>			<div ng-if="result.ss_swatches.length > 1 && !result.isInlineBanner" class="grid-view-item__variants">			<div ng-mouseenter="swapVariants(result, swatch)" ng-repeat="swatch in result.ss_swatches | limitTo:limit" class="grid-view-item__variant variant__tooltip" data-variant="{{ swatch.label }}">				<div class="grid-view-item__variant-image-wrapper" ng-class="{\'ss-active\': swatch.label == result.selectedVariant.color}">					<img ng-src="{{ swatch.image }}" class="grid-view-item__variant-image">				</div>															</div>			<span ng-hide="!result.ss_swatches || result.ss_swatches.length <= 6" class="grid-view-item__variant-more js-preview-btn-bpfs">				<span class="square">					<span class="number">+{{ result.ss_swatches.length - 6 }}</span>				</span>			</span>					</div>		<div ng-if="!result.isInlineBanner" class="grid-view-item__info">			<a ng-href="{{ result.url }}" intellisuggest class="h4 grid-view-item__title product-card__title">				{{ result.name }}			</a>			<a ng-href="{{ result.url }}" intellisuggest>				<p class="grid-view-item__article-number">					{{ result.ss_subtitle }}				</p>			</a>			<span class="stamped-product-reviews-badge" data-id="{{ result.uid }}">				<span ng-if="result.ratingCount" class="stamped-badge"	data-rating="{{ result.rating }}" data-lang="es" aria-label="Rated {{ result.rating }} out of 5 stars">					<span class="stamped-starrating stamped-badge-starrating" aria-hidden="true">						<i class="stamped-fa stamped-fa-star{{ star }}" ng-repeat="star in result.stars_array" style="color:#fbc601 !important;" aria-hidden="true"></i>					</span>										<span class="stamped-badge-caption" data-reviews="{{ result.ratingCount }}" data-rating="{{ result.rating }}" data-label="Opiniones" aria-label="{{ result.rating }} reviews">						{{ result.ratingCount }}<span style="display:none;"> Opiniones</span>					</span>				</span>			</span>				<a ng-href="{{ result.url }}" intellisuggest class="grid-view-item__price">				<br>				<dl class="price" data-price="" ng-class="{ \'price--on-sale\': result.ss_on_sale == 1 }">					<div class="price__regular">						<dt>							<span class="visually-hidden visually-hidden--inline">Precio habitual</span>						</dt>						<dd>							<span ng-if="result.msrp && (result.msrp * 1) > (result.price * 1)" class="price-item price-item--regular" data-regular-price="">								{{ result.msrp | currency }}															</span>							<span ng-if="result.msrp < result.price" class="price-item price-item--regular" data-regular-price="">								{{ result.price | currency }}							</span>						</dd>					</div>					<div class="price__sale">						<dt>							<span class="visually-hidden visually-hidden--inline">								undefined							</span>						</dt>						<dd>							<span class="price-item price-item--sale" data-sale-price="">																{{ result.price | currency }}																								<span class="price-item__label" aria-hidden="true">									Oferta								</span>							</span>						</dd>					</div>					<div ng-if="result.ss_pct_off" class="price price--on-sale">						<span class="price-item price-item--sale" data-sale-price="">{{ result.ss_pct_off }}% de descuento </span>					 </div>				</dl>			</a>		</div>		<button ng-if="result.ss_type !== \'Proyecto\'" class="btn grid-view-item__button js-preview-btn-bpfs blue uppercase ss-quickview-item-button" data-handle="{{ result.sku }}">			<span>Compra rápida</span>		</button>			<a ng-href="{{ result.url }}" intellisuggest class="btn grid-view-item__button view-more view-more--product bordered uppercase">			Ver más		</a>		<a ng-if="result.ss_type == \'Proyecto\'" ng-href="{{ result.url }}" intellisuggest class="btn grid-view-item__button view-more view-more--project bordered uppercase">			Ver proyecto		</a>			</div></script><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results">	<div class="ss-no-results-container">		<p ng-if="didYouMean.query.length" class="ss-did-you-mean">			¿Quisiste decir <a href="{{ location().remove(context.search).add(context.search, didYouMean.query).url() }}">{{ didYouMean.query }}</a>?		</p>	</div>	<div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div>	<div ng-if="filterSummary.length && (slideout.triggered || facets.horizontal)" class="ss-summary ss-summary-horizontal"></div>	<div class="ss-no-results-container">		<h4 class="ss-title">Sugerencias</h4>		<ul class="ss-suggestion-list">			<li>Revisa faltas de ortograf&iacute;a</li>			<li>Elimina palabras q no sean necesarias</li>			<li>Usa otras palabras que describan lo que estas buscando</li>		</ul>		<p>&iquest;Si a&uacute;n no encuentras lo que estas buscando? <a href="/pages/contactanos">Cont&aacute;ctanos</a>.</p>		<div class="ss-contact ss-phone">			<h4 class="ss-title">Ll&aacute;manos al:</h4>			<p>				(52 55) 5262-6438<br />							</p>		</div>	</div>	<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div></script><!-- Searchspring Header --><script type="text/ss-template" name="Searchspring Header" target="#searchspring-header">	<header class="ss-header-container">		<div ng-if="merchandising.content.header.length > 0" id="ss-merch-header" class="ss-merchandising" ss-merchandising="header"></div>	</header></script><!-- Searchspring Sort --><script type="text/ss-template" name="Searchspring Sort" target="#searchspring-sort">	<label for="boost-pfs-filter-top-sorting-select" class="filters-toolbar__label select-label">Ordenar por </label>	<div class="filters-toolbar__input-wrapper select-group">		<select ng-model="sorting.current" id="boost-pfs-filter-top-sorting-select" class="boost-pfs-filter-top-sorting-select filters-toolbar__input" ng-options="option.label for option in sorting.options"></select>			<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 498.98 284.49"><defs><style>.cls-1{fill:#231f20}</style></defs><path class="cls-1" d="M80.93 271.76A35 35 0 0 1 140.68 247l189.74 189.75L520.16 247a35 35 0 1 1 49.5 49.5L355.17 511a35 35 0 0 1-49.5 0L91.18 296.5a34.89 34.89 0 0 1-10.25-24.74z" transform="translate(-80.93 -236.76)"></path></svg>	</div></script><!-- Searchspring Tabs --><script type="text/ss-template" name="Searchspring Tabs" target="#searchspring-tabs">	<div class="search__header-switchers">        <a ng-repeat="tab in tabs.values | orderBy: \'order\'" class="search__header-switch js-filter" ng-class="{\'active\': tabs.current == tab.name}" ng-click="tabs.changeTab(tab.name)">          	<span>{{ tab.label }}</span>        </a>    </div>		<span ng-if="pagination.totalResults" class="ss-title ss-results-title page__title uppercase">		MOSTRANDO <span ng-if="pagination.multiplePages" class="ss-results-count-range">{{ pagination.begin }} - {{ pagination.end }}</span> {{ pagination.multiplePages ? \'de\' : \'\' }} <span class="ss-results-count-total">{{ pagination.totalResults }}</span> resultado{{ pagination.totalResults == 1 ? \'\' : \'s\' }} {{ q ? \' para \' : \'\' }} <span ng-if="q" class="ss-results-query">"{{ q }}"</span>	</span>		<span ng-if="pagination.totalResults === 0" class="ss-title ss-no-results-title page__title uppercase">		Sin resultados {{ q ? \'para\' : \'\' }} <span ng-if="q" class="ss-results-query">"{{ q }}"</span>.		</span>		</script><!-- QuickView - Button --><script type="text/ss-template" name="QuickView - Button" target=".ss-quickview-item-button">	<a ng-click="quickview.modal.show($event, result)" class="ss-quickview-button" alt="View Product">		<span class="ss-quickview-button-label">Compra rápida</span>	</a></script><!-- QuickView - Modal --><script type="text/ss-template" name="QuickView - Modal" target="#searchspring-quickview-modal">	<div ng-if="quickview.modal.active" class="ss-quickview-modal">		<button ng-click="quickview.modal.show($event, \'\')" type="button" class="ss-quickview-modal-close ss-close ss-pointer"></button>				<div ng-if="quickview.result.quickview" ng-bind-html="quickview.result.quickviewHtml | trusted" ></div>	</div>	<div ng-if="quickview.modal.active" class="ss-quickview-modal-overlay ss-pointer" ng-click="quickview.modal.show($event, \'\')"></div></script><!-- Slideout - Button --><script type="text/ss-template" name="Slideout - Button" target=".ss-slideout-toolbar">	<button ng-if="pagination.totalResults && facets.length > 0" type="button" slideout>Filtrar por</button></script><!-- Slideout - Menu --><script type="text/ss-template" name="Slideout - Menu" slideout="">	<div ng-if="facets.length > 0" class="ss-slideout-header">		<h4 class="ss-title">Filter Options</h4><a class="ss-close ss-pointer" slideout></a>	</div>	<aside ng-if="facets.length > 0 && slideout.triggered" class="ss-slideout-facets ss-sidebar-container ss-scrollbar" ng-swipe-left="slideout.toggleSlideout()">		<div class="boost-pfs-filter-tree boost-pfs-filter-tree-h">			<div class="ss-facets"></div>		</div>	</aside></script>');